<template>
  <div id="app">
    <div id="nav" v-if="!$route.meta.noshow">

      <van-tabbar v-model="active" route>
        <van-tabbar-item class="iconfont icon-shouye" replace to="/">首页</van-tabbar-item>
        <van-tabbar-item class="iconfont icon-dingwei" replace to="/MapContainer">地图</van-tabbar-item>
        <van-tabbar-item class="iconfont icon-wode" replace to="/my">我的</van-tabbar-item>
      </van-tabbar>

    </div>
    <keep-alive exclude="ChargeStation,Chargeing,Order,orderCard,Love,Home,chargeDots">
      <router-view/>
    </keep-alive>
  </div>
</template>

<script>
export default {
  data() {
    return {
        active: 0,
    };
  },
};
</script>

<style lang="less">
/* html{
  height:100%;
}
body{
    height: 100%;
  } */
#app {
  background-color: #f3efefc2;
  width: 100vw;
  min-height: 100vh;
  /* font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
  text-align: center;
  // color: #2c3e50;
  .icon-shouye:before,
  .icon-dingwei:before,
  .icon-saoma:before,
  .icon-wode:before {
    font-size: 25px;
  }
  .van-tabbar-item--active {
    color: #00ce22;
    background-color: #fff;
  }
  .van-tabbar {
    z-index: 100;
  }
  
}
#app .van-overlay {
      position: fixed;
      top: 0;
      left: 0;
      // z-index: 1;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0) !important;
      z-index: 98 !important;
}
#app .ChargeStation .center .van-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(75, 75, 75, .7) !important;
    z-index: 98 !important;
}
#app .ChargeStation .center .van-ellipsis {
            overflow:visible;
            white-space: nowrap;
            text-overflow:visible;
        }
        .van-picker{
            .van-picker__cancel, .van-picker__confirm {
                white-space: nowrap !important;
            }
        } 
      
#app  .Chargeing ,#app .orderCard{
  .van-step--horizontal .van-step__line {
        top: 40px;
    }
}
#app  .Chargeing ,#app .orderCard{
  .van-step--horizontal .van-step__circle-container {
          top: 40px;
      }
}

.van-nav-bar__text {
        color: #07c160;
    }

.van-icon-arrow-left:before {
        content: '\e668';
        color: #07c160;
    }

</style>
